@import "../styles/mixins/index.less";
@import "../styles/themes/index.less";

.@{wux-prefix}-tabs {
    display: flex;
    width: 100%;
    height: @tabs-height;
    line-height: @tabs-height;
    box-sizing: border-box;
    position: relative;
    justify-content: space-around;
    align-items: center;
    background: @tabs-bg;

    &--scroll {
        display: block;
        overflow: auto;
        white-space: nowrap;
    }

    &--vertical {
        display: inline-flex;
        width: auto;
        height: auto;
        max-height: @tabs-vertical-height;
        flex-direction: column;
    }
}
